@color-dd0000: #dd0000;
@color-666666: #666666;
@color-ffffff: #ffffff;
@color-bf0000: #bf0000;
@color-010101: #010101;
@color-fff7c2: #fff7c2;
@color-dadada: #dadada;
@color-e59e9e: #e59e9e;
@color-626262: #626262;
@color-d9d9d9: #d9d9d9;
@color-777777: #777777;
@color-cccccc: #cccccc;
@color-f0f0f0: #f0f0f0;
@color-000000: #000000;
@color-e3e3e3: #e3e3e3;
@color-f48b8b: #f48b8b;
@color-ffd4d4: #ffd4d4;
@color-f8f8f8: #f8f8f8;
@color-ececec: #ececec;
@color-c2c2c2: #c2c2c2;
@color-f3f3f3: #f3f3f3;
@color-c1c1c1: #c1c1c1;
@color-ebebeb: #ebebeb;
@color-text-dd0000: #dd0000;
@color-text-666666: #666666;
@color-text-ffffff: #ffffff;
@color-text-bf0000: #bf0000;
@color-text-010101: #010101;
@color-text-fff7c2: #fff7c2;
@color-text-dadada: #dadada;
@color-text-e59e9e: #e59e9e;
@color-text-626262: #626262;
@color-text-d9d9d9: #d9d9d9;
@color-text-777777: #777777;
@color-text-cccccc: #cccccc;
@color-text-f0f0f0: #f0f0f0;
@color-text-000000: #000000;
@color-text-e3e3e3: #e3e3e3;
@color-text-f48b8b: #f48b8b;
@color-text-ffd4d4: #ffd4d4;
@color-text-2e6da7: #2e6da7;
@color-text-999999: #999999;
@1200: 1200px;
@750: 46.875rem;
@12: 12px;
@14: 14px;
@18: 18px;
@16: 16px;
@20: 20px;
@22: 22px;
@24: 24px;
@26: 26px;
@30: 30px;
@32: 32px;
.tran2s {
  transition: all .2s;
}

* {
  margin: 0;
  padding: 0;
  // user-select: none;
  font-family: "微软雅黑",Arial;
  box-sizing: border-box;
}

img {
  border: 0;
  vertical-align: middle;
}

input, select, button {
  outline: none;
}

a {
  color: @color-text-000000;
  text-decoration: none;
}

ul {
  list-style-type: none;
}

.status-height {
  height: 206px;
}

.top {
  min-width: @1200;
  background-color: @color-f0f0f0;

  .t-center {
    width: @1200;
    margin: 0 auto;
    height: 36px;

    .tc-greeting {
      height: 36px;
      line-height: 36px;
      float: left;
      font-size: @14;
      color: @color-text-666666;
      overflow: hidden;
    }

    .tc-tool {
      float: right;
      margin-right: 23px;

      .tct-list {
        height: 36px;
        float: left;
        position: relative;

        .tctl-title {
          margin-top: 10.5px;
          font-size: @14;
          color: @color-text-666666;
          overflow: hidden;

          .tctlt-icon {
            width: 15px;
            height: 15px;
            margin-right: 7px;
            float: left;
          }

          .tctlt-text {
            line-height: 15px;
            float: left;
            white-space: nowrap;
          }
        }

        .tctl-qrcode {
          position: absolute;
          top: 100%;
          right: 0;
          width: 140px;
          height: 140px;
          border: 1px solid @color-f0f0f0;
          border-top: 0;
          z-index: 1;
          display: none;
        }

        .tctl-link {
          color: @color-text-666666;
          height: 36px;
          line-height: 36px;
          overflow: hidden;

          .tctll-a {
            font-size: @14;
            color: @color-text-666666;
            .tran2s;

            &:hover {
              color: @color-text-dd0000;
              .tran2s;
            }
          }
        }

        &.qrcode:hover .tctl-qrcode {
          display: block;
        }
      }
    }
  }
  
  &.fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1002;
  }
}

.logo2 {
  display: none;
}

.nav {
  background-color: @color-ffffff;

  .n-top {
    width: @1200;
    height: 120px;
    margin: 0 auto;
    overflow: hidden;

    .nt-logo {
      float: left;

      .ntl-img {
        margin-top: 32px;
        height: 58px;
      }
    }

    .nt-tel {
      float: right;
      margin-right: 51px;
      margin-top: 34px;
  
      .ntt-icon {
        width: 38px;
        height: 47px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 14px;
      }
  
      .ntt-info {
        display: inline-block;
        vertical-align: middle;
  
        .ntti-tips {
          font-size: @14;
        }
  
        .ntti-number {
          font-size: @30;
          color: @color-text-dd0000;
          font-style: italic;
          font-weight: bold;
        }
      }
    }
  }

  .n-bottom {
    background-color: @color-dd0000;
    min-width: @1200;

    .nb-center {
      width: @1200;
      margin: 0 auto;

      .nbc-ul {
        margin: 0 0 0 66px;
        height: 50px;

        .nbcu-li {
          float: left;
          position: relative;

          .nbcul-title {
            width: 157px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            color: @color-text-ffffff;
            font-size: @18;
            display: block;
            .tran2s;

            .nbcult-icon {
              width: 11px;
              height: 6px;
              background-image: url('/imgs/icon-down.png');
              background-position: center;
              background-repeat: no-repeat;
              display: inline-block;
              vertical-align: middle;
              margin-left: 7px;
              .tran2s;
            }

            &:hover {
              color: @color-text-fff7c2;
              .tran2s;

              .nbcult-icon {
                background-image: url('/imgs/icon-down-hover.png');
                .tran2s;
              }
            }

            &.active {
              background-color: @color-bf0000;
              color: @color-text-fff7c2;
            }
          }

          .nbcul-children {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            z-index: 1;
            background: url('/imgs/black.png');
            display: none;

            .nbculc-list {
              height: 50px;
              line-height: 50px;
              color: @color-text-ffffff;
              font-size: @14;
              text-align: center;
              display: block;
              .tran2s;

              &:hover {
                background-color: @color-000000;
                color: @color-text-fff7c2;
                .tran2s;
              }
            }
          }
        }
      }
    }
  }

  &.fixed {
    position: fixed;
    top: 36px;
    right: 0;
    left: 0;
    z-index: 1001;
  }
}

.nav-mobile {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-bottom: 1.875rem;
  display: none;

  .nm-list {
    flex: calc(100% / 3);
    margin-top: 1.875rem;

    .nml-a {
      display: block;

      .nmla-icon {
        width: 3.1875rem;
        height: 3.1875rem;
        border-radius: .3125rem;
        display: block;
        background-color: @color-dd0000;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
      }

      .nmla-title {
        margin-top: .625rem;
        text-align: center;
        font-size: .875rem;
      }
    }
  }
}

.banner {
  min-width: @1200;
  height: 430px;
  position: relative;

  .b-link {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;

    .bl-center {
      width: @1200;
      margin: 0 auto;

      .blc-a {
        display: block;
        width: 197px;
        height: 45px;
        line-height: 45px;
        border-radius: 45px;
        text-align: center;
        font-size: @20;
        background-color: @color-dd0000;
        color: @color-text-fff7c2;
        margin: 0 auto;
  
        .icon-right {
          width: 7px;
          height: 13px;
          background-image: url('/imgs/icon-right.png');
          background-repeat: no-repeat;
          background-position: center;
          margin-left: 12px;
          display: inline-table;
        }
      }
    }
  }
}

.strength {
  padding-top: 53px;

  .s-center {
    width: @1200;
    margin: 0 auto;

    .sc-ul {
      overflow: hidden;

      .scu-li {
        width: 25%;
        height: 68px;
        float: left;
        border-right: 1px solid @color-e3e3e3;
        overflow: hidden;
        
        .scul-icon {
          float: left;
          margin-right: 15px;
        }

        .scul-info {
          float: left;
          margin-top: 10px;

          .sculi-title {
            font-size: @22;
            height: 22px;
            line-height: 22px;
            overflow: hidden;
          }

          .sculi-desc {
            color: @color-text-666666;
            font-size: @16;
            height: 16px;
            line-height: 16px;
            overflow: hidden;
            margin-top: 11px;
          }
        }
      }
    }
  }
}

.service {
  padding-top: 60px;

  .s-title {
    text-align: center;
    font-size: @32;
  }

  .s-center {
    width: @1200;
    margin: 0 auto;

    .sc-ul {
      padding: 32px 10px 10px 10px;
      overflow: hidden;

      .scu-li {
        float: left;
        background-color: @color-ffffff;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2);
        width: 377px;
        height: 156px;
        background-image: url('/imgs/icon-right2.png');
        background-repeat: no-repeat;
        background-position: 293px 71px;
        border: 1px solid transparent;
        .tran2s;

        .scul-title {
          padding: 34px 0 0 20px;
          font-size: @22;
          color: @color-text-dd0000;
          height: 22px;
          line-height: 22px;
          box-sizing: content-box;
          overflow: hidden;
          white-space: nowrap;
        }

        .scul-desc {
          padding-left: 20px;
          margin-top: 14px;
          color: @color-text-666666;
          font-size: @14;
          line-height: 20px;
        }

        &:hover {
          box-shadow: 0 0 10px rgba(221, 0, 0, .5);
          border-color: @color-f48b8b;
          .tran2s;
        }
      }
    }
  }
}

.hot {
  padding-top: 43px;

  .h-title {
    text-align: center;
    font-size: @32;
  }

  .h-center {
    width: @1200;
    margin: 0 auto;

    .hc-tabs {
      padding: 33px 111px 0 111px;
  
      .hct-ul {
        margin-left: -10px;
        overflow: hidden;
  
        .hctu-li {
          float: left;
          margin: 0 0 20px 10px;

          .hctul-a {
            width: 237px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            display: block;
            font-size: @16;
            color: @color-text-666666;
            border: 1px solid @color-dadada;
            border-radius: 10px;
            .tran2s;

            &:hover {
              border-color: @color-dd0000;
              color: @color-text-dd0000;
              .tran2s;
            }
          }
        }
      }
    }

    .hc-list {
      margin-left: -15px;
      overflow: hidden;

      .hcl-inline {
        margin: 0 0 15px 15px;
        float: left;

        .hcli-link {
          display: block;
          width: 390px;
          height: 330px;
          border: 1px solid transparent;
          position: relative;
          overflow: hidden;
          .tran2s;

          .hclil-img {
            width: 100%;
            height: 100%;
            .tran2s;
          }

          .hclil-title {
            height: 40px;
            line-height: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: center;
            color: @color-text-ffffff;
            font-size: @18;
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 1;
            background: url('/imgs/black.png');
            .tran2s;
          }

          &:hover {
            border-color: @color-dd0000;
            .tran2s;

            .hclil-img {
              transform: scale(1.1);
              .tran2s;
            }

            .hclil-title {
              background: url('/imgs/red.png');
              .tran2s;
            }
          }
        }
      }
    }
  }
}

.why {
  padding-top: 72px;
  padding-bottom: 57px;

  .w-title {
    font-size: @32;
    line-height: 32px;
    text-align: center;
  }

  .w-desc {
    font-size: @18;
    text-align: center;
    margin-top: 15px;
  }

  .w-center {
    width: @1200;
    margin: 0 auto;
    padding-top: 37px;
    overflow: hidden;

    .wc-left {
      float: left;
      overflow: hidden;

      .wcl-harm {
        margin-top: 30px;
        background-color: @color-ffd4d4;
        width: 385px;
        height: 320px;
        float: left;

        .wclh-title {
          height: 50px;
          line-height: 50px;
          text-align: center;
          color: @color-text-666666;
          font-size: @26;
        }

        .wclh-content {
          background-color: @color-ffffff;
          margin-left: 10px;
          height: 260px;

          .wclhc-title {
            padding-top: 20px;
            padding-left: 15px;
            font-size: @18;
            line-height: 18px;
            color: @color-text-e59e9e;
          }

          .wclhc-desc {
            font-size: @14;
            color: @color-text-666666;
            padding-left: 33px;
            margin-top: 4px;
          }
        }
      }

      .wcl-service {
        float: left;
        background-color: @color-dd0000;
        background-image: url('/imgs/why-face.png');
        background-repeat: no-repeat;
        background-position: 334px 8px;
        width: 430px;
        height: 380px;
        position: relative;

        .wcls-vs {
          position: absolute;
          top: 157px;
          right: 379px;
          z-index: 1;
          width: 97px;
          height: 53px;
          background-image: url('/imgs/VS.png');
          background-position: center;
          background-repeat: no-repeat;
        }

        .wcls-title {
          color: @color-text-ffffff;
          font-size: @26;
          text-align: center;
          height: 80px;
          line-height: 80px;
        }

        .wcls-content {
          width: 410px;
          height: 260px;
          background-color: @color-ffffff;
          margin: 0 auto;

          .wclsc-title {
            color: @color-text-dd0000;
            font-size: @18;
            line-height: 18px;
            padding-top: 20px;
            padding-left: 74px;
          }

          .wclsc-desc {
            padding-left: 92px;
            color: @color-text-666666;
            font-size: @14;
            margin-top: 4px;
          }
        }
      }
    }

    .wc-right {
      float: right;
      width: 360px;
      margin-top: 30px;
      position: relative;

      .wcr-img {
        width: 100%;
      }

      .wcr-label {
        position: absolute;
        top: 22px;
        left: 22px;

        .wcrl-p {
          color: @color-text-ffffff;
          font-size: @22;
          line-height: 36px;
        }

        .wcrl-a {
          color: @color-text-ffffff;
          font-size: @18;
          display: inline-block;
          border: 1px solid @color-ffffff;
          width: 100px;
          height: 30px;
          line-height: 28px;
          border-radius: 30px;
          text-align: center;
          overflow: hidden;
          margin-top: 20px;
        }
      }
    }
  }
}

.about {
  padding-top: 45px;
  padding-bottom: 20px;
  background-color: @color-f0f0f0;
  min-width: @1200;

  .a-title {
    font-size: @32;
    text-align: center;
  }

  .a-center {
    width: @1200;
    margin: 47px auto 0;
    overflow: hidden;

    .ac-cover {
      width: 648px;
      float: left;

      .acc-img {
        width: 700px;
      }
    }

    .ac-info {
      margin-top: 60px;
      float: left;
      width: 552px;
      height: 400px;
      background-color: @color-ffffff;
      padding-top: 30px;
      padding-left: 42px;
      padding-right: 44px;

      .aci-title {
        color: @color-text-dd0000;
        position: relative;
        font-size: @24;
        line-height: 24px;
        padding-bottom: 11px;

        .acit-bor {
          width: 58px;
          height: 4px;
          background-color: @color-dd0000;
          position: absolute;
          bottom: 0;
          left: 0;
        }
      }

      .aci-desc {
        font-size: @14;
        color: @color-text-666666;
        line-height: 24px;
        text-indent: 32px;
        margin-top: 24px;
      }

      .aci-btn {
        margin-top: 30px;
        overflow: hidden;

        .acib-a {
          float: right;
          width: 150px;
          height: 48px;
          line-height: 46px;
          border: 1px solid @color-dd0000;
          border-radius: 48px;
          text-align: center;
          color: @color-text-dd0000;
          font-size: @20;
          margin-left: 23px;
          overflow: hidden;
          .tran2s;

          &:hover {
            background-color: @color-dd0000;
            color: @color-text-fff7c2;
            .tran2s;
          }
        }
      }
    }
  }
}

.news {
  padding-top: 57px;
  padding-bottom: 52px;

  .n-title {
    text-align: center;
    font-size: @32;
  }

  .n-center {
    width: @1200;
    margin: 20px auto 0;
    overflow: hidden;

    .nc-card {
      width: 575px;
      float: left;

      .ncc-cover {
        width: 100%;
      }

      .ncc-title {
        margin-top: 39px;
        border-bottom: 1px solid @color-626262;
        padding-bottom: 8px;
        overflow: hidden;

        .ncct-bor {
          float: left;
          width: 4px;
          height: 22px;
          background-color: @color-dd0000;
          margin-right: 8px;
        }

        .ncct-text {
          float: left;
          font-size: @22;
          line-height: 22px;
        }

        .ncct-more {
          float: right;
          font-size: @12;
          line-height: 22px;
          .tran2s;

          &:hover {
            color: @color-text-dd0000;
            .tran2s;
          }
        }
      }

      .ncc-ul {
        margin-top: 18px;

        .nccu-li {
          height: 33px;
          border-bottom: 1px dashed @color-d9d9d9;
          overflow: hidden;

          .nccul-title {
            max-width: 490px;
            font-size: @14;
            float: left;
            height: 33px;
            line-height: 33px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            .tran2s;

            &:hover {
              color: @color-text-dd0000;
              .tran2s;
            }
          }

          .nccul-time {
            height: 33px;
            line-height: 33px;
            float: right;
            font-size: @14;
            color: @color-text-666666;
            overflow: hidden;
          }
        }
      }
    }
  }
}

.page {
  background-color: @color-f8f8f8;
  min-width: @1200;

  .p-center {
    width: @1200;
    margin: 0 auto;
    overflow: hidden;
    position: relative;

    .pc-menu {
      float: left;
      padding-top: 40px;
      width: 300px;

      .pcm-top {
        height: 150px;
        line-height: 150px;
        text-align: center;
        font-size: @30;
        font-weight: bold;
        background: url('/imgs/menu.png') center no-repeat;
      }

      .pcm-ul {
        background-color: @color-ffffff;
        padding: 50px 0;
  
        .pcmu-li {
  
          .pcmul-a {
            font-weight: bold;
            font-size: @20;
            height: 40px;
            line-height: 40px;
            text-align: center;
            display: block;
            .tran2s;
  
            &:hover, &.active {
              background-color: @color-ececec;
              color: @color-text-dd0000;
              .tran2s;
            }
          }
        }
      }
    }
    
    .pc-content {
      width: 880px;
      padding-top: 40px;
      float: left;
      margin-bottom: 48px;

      .pcc-search {
        background-color: @color-e3e3e3;
        padding: 15px;
        overflow: hidden;

        .pccs-label {
          font-size: @16;
          float: left;
          line-height: 35px;
        }

        .pccs-input {
          border: 1px solid @color-c1c1c1;
          height: 35px;
          line-height: 35px;
          padding: 0 8px;
          float: left;
          margin-right: 10px;
        }

        .pccs-btn {
          height: 35px;
          border: 0;
          background-color: @color-bf0000;
          color: @color-ffffff;
          font-size: @16;
          float: left;
          cursor: pointer;
          padding: 0 10px;
        }
      }

      .pcc-crumb {
        overflow: hidden;

        .pccc-list {
          float: right;
          overflow: hidden;
          
          .pcccl-link {
            float: left;
            font-size: @14;
            .tran2s;
          }

          a.pcccl-link:hover {
            color: @color-dd0000;
            .tran2s;
          }
        }
      }

      .pcc-info {
        background-color: @color-ffffff;
        margin-top: 19px;
        padding: 0 30px;

        .pcci-title {
          text-align: center;
          font-size: @24;
          padding-top: 43px;
        }

        .pcci-dashed {
          height: 0;
          border: 0;
          border-bottom: 1px dashed @color-d9d9d9;
          margin-top: 18px;
        }

        .pcci-cover {
          margin: 38px auto 0;
          display: block;
        }

        .pcci-desc {
          font-size: @14;
          color: @color-text-666666;
          line-height: 24px;
          text-indent: 25px;
          margin-top: 35px;
        }

        .pcci-tel {
          margin-top: 35px;
          overflow: hidden;

          .pccit-list {
            float: left;
            font-size: @18;
          }
        }

        .pcr-card {
          background-color: @color-f3f3f3;
          margin-bottom: 10px;
  
          .pcrc-top {
            padding-left: 36px;
            overflow: hidden;
  
            .pcrct-left {
              float: left;
              overflow: hidden;
  
              strong {
                float: left;
                font-size: @16;
                margin-top: 32px;
  
                &.red {
                  color: @color-text-dd0000;
                  font-size: @14;
                  margin-top: 33px;
                }
              }
  
              .time {
                float: left;
                text-align: center;
                margin: 17px 10px 0 10px;
  
                p {
                  font-size: @14;
                  color: @color-text-dd0000;
                  font-weight: bold;
                }
  
                .arrow {
                  width: 88px;
                  display: block;
                }
              }
            }
  
            .pcrct-right {
              float: right;
              font-size: @14;
              color: @color-text-666666;
              margin-top: 57px;
            }
          }
  
          .pcrc-bottom {
            padding-bottom: 22px;
            padding-left: 39px;
            margin-top: 8px;
            overflow: hidden;
  
            .pcrcb-ul {
              float: left;
              border-top: 1px solid @color-c2c2c2;
              border-left: 1px solid @color-c2c2c2;
              overflow: hidden;
  
              .pcrcbu-li {
                height: 150px;
                line-height: 20px;
                float: left;
                background-color: @color-ffffff;
                border-right: 1px solid @color-c2c2c2;
                border-bottom: 1px solid @color-c2c2c2;
                width: 30px;
                font-size: @14;
                color: @color-text-2e6da7;
                padding: 10px 8px 0 8px;
  
                .gray {
                  color: @color-text-666666;
                  font-size: @12;
                  line-height: 14px;
                }
              }
            }
          }
        }

        .pcci-ul {
          padding-top: 41px;

          .pcciu-li {
            height: 45px;
            line-height: 45px;
            border-bottom: 1px dashed @color-d9d9d9;
            overflow: hidden;

            .pcciul-title {
              float: left;
              font-size: @16;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              .tran2s;

              &:hover {
                color: @color-dd0000;
                .tran2s;
              }
            }

            .pcciul-time {
              float: right;
              font-size: @16;
            }
          }
        }

        .pcci-user {
          height: 40px;
          line-height: 40px;
          text-align: center;
          font-size: @14;
          color: @color-text-999999;
        }

        .pcci-page {
          padding-bottom: 20px;

          .pccip-p {
            margin-top: 20px;
            font-size: @14;

            a {
              font-size: @14;
              .tran2s;

              &:hover {
                color: @color-text-dd0000;
                .tran2s;
              }
            }
          }
        }

        .pcci-honor {
          padding: 20px 0;
          overflow: hidden;

          .pccih-list {
            float: left;
            width: 410px;
            padding: 20px;

            .pccihl-img {
              width: 100%;
              display: block;
              box-shadow: 0 4px 10px rgba(0, 0, 0, .5);
            }
          }
        }

        .pcci-teacher {
          padding: 40px 0 0 40px;
          overflow: hidden;

          .pccit-list {
            float: left;
            width: 170px;
            padding: 10px;
            margin: 0 40px 40px 0;
            border: 1px solid @color-f0f0f0;
            border-radius: 5px;

            .pccitl-avatar {
              width: 100%;
              border-radius: 5px;
              overflow: hidden;
              display: block;
            }

            .pccitl-name {
              text-align: center;
              font-size: @16;
              font-weight: bold;
              margin-top: 10px;
            }
            
            .pccitl-desc {
              font-size: @14;
              margin-top: 5px;
            }
          }
        }

        .pcci-show {

          .pccis-list {
            margin-bottom: 39px;
            
            .pccisl-img {
              width: 100%;
            }

            .pccisl-title {
              font-size: @18;
              text-align: center;
              margin-top: 19px;
            }
          }
        }

        .pcci-table {
          width: 100%;
          border-left: 1px solid @color-d9d9d9;

          th, td {
            font-size: @16;
            border-right: 1px solid @color-d9d9d9;
            border-bottom: 1px solid @color-d9d9d9;
            padding: 5px 10px;
          }

          thead {
            background-color: @color-d9d9d9;

            th {
              border-right: 1px solid #fff;
              border-bottom: 1px solid #fff;
            }
          }
        }

        .pcci-condition {
          margin-top: 20px;

          .pccic-label {
            font-weight: bold;
            font-size: @16;
            line-height: 25px;
            margin-top: 20px;
          }

          .pccic-inline {
            font-size: @16;
            line-height: 25px;
          }
        }

        .my-map {
          width: 100%;
          height: 400px;
        }
      }
    }
  }
}

.error {
  padding: 100px 0;
  background-color: @color-f0f0f0;

  .e-img {
    width: 368px;
    height: 300px;
    margin: 0 auto;
    display: block;
  }
}

.my-page {
  margin-top: 42px;
  text-align: center;

  .mp-ul {
    display: inline-table;
    overflow: hidden;

    .mpu-li {
      float: left;
      margin: 0 5px;
      
      .mpul-a {
        border: 1px solid @color-666666;
        font-size: @14;
        height: 30px;
        line-height: 28px;
        padding: 0 10px;
        display: block;
        color: @color-text-666666;
        font-size: @14;
        transition: all .2s;

        &:hover {
          border-color: @color-dd0000;
          background-color: @color-dd0000;
          color: @color-text-ffffff;
          transition: all .2s;
        }

        &.active {
          color: @color-text-ffffff;
          background-color: @color-dd0000;
          border-color: @color-dd0000;
        }
      }

      .spot {
        height: 30px;
        line-height: 28px;
        color: @color-text-666666;
      }
    }
  }
}

.footer {
  background-color: @color-f0f0f0;
  min-width: @1200;
  padding-top: 35px;
  padding-bottom: 20px;

  .f-center {
    width: @1200;
    margin: 0 auto;

    .fc-ul {
      overflow: hidden;

      .fcu-li {
        float: left;
        overflow: hidden;

        .fcul-icon {
          float: left;
          width: 66px;
          height: 66px;
          margin-right: 10px;
          margin-top: 5px;
        }

        .fcul-info {
          float: left;

          .fculi-title {
            font-size: @24;
            height: 34px;
            line-height: 24px;
          }

          .fculi-desc {
            line-height: 30px;
            font-size: @14;
            color: @color-text-666666;
          }
        }
      }
    }

    .fc-nav {
      border-top: 1px solid @color-cccccc;
      margin-top: 55px;
      overflow: hidden;

      .fcn-ul {
        float: left;
        margin-top: 20px;
        overflow: hidden;

        .fcnu-li {
          float: left;

          .fcnul-title {
            font-size: @16;
            line-height: 16px;
            border-right: 1px solid @color-000000;
            padding: 0 25px;

            .fcnult-a {
              font-size: @16;
              .tran2s;

              &:hover {
                color: @color-text-dd0000;
                .tran2s;
              }
            }

            &.last {
              border-right: 0;
              padding-right: 0;
            }
          }

          .fcnul-subtitle {
            padding: 0 25px;
            text-align: center;
            line-height: 14px;
            margin-top: 13px;
            max-width: 110px;
            overflow: visible;
            white-space: nowrap;

            .fcnuls-title {
              font-size: @14;
              color: @color-text-666666;
              .tran2s;

              &:hover {
                color: @color-text-dd0000;
                .tran2s;
              }
            }

            &.last {
              padding-right: 0;
            }
          }
        }
      }

      .fcn-tel {
        float: right;
        height: 174px;
        margin-top: 20px;
        margin-left: 88px;
        border-left: 1px solid @color-cccccc;
        padding-left: 55px;
        padding-top: 60px;

        .fcnt-icon {
          display: inline-block;
          margin-right: 18px;
        }

        .fcnt-tips {
          display: inline-block;
          vertical-align: middle;

          .fcntt-text {
            font-size: @14;
            line-height: 14px;
          }

          .fcntt-num {
            font-size: @30;
            color: @color-dd0000;
            line-height: 30px;
            margin-top: 15px;
          }
        }
      }
    }
    
    .fc-icp {
      margin-top: 20px;
      text-align: center;
      color: @color-text-666666;
      font-size: @14;
      line-height: 24px;

      a {
        color: @color-text-666666;
        .tran2s;

        &:hover {
          color: @color-text-dd0000;
          .tran2s;
        }
      }
    }
  }
}

.loopStyle(@counter) when (@counter > -1) {
	.p-@{counter} {
		padding: (1px * @counter) !important;
	}
	.pt-@{counter} {
		padding-top: (1px * @counter) !important;
	}
	.pr-@{counter} {
		padding-right: (1px * @counter) !important;
	}
	.pb-@{counter} {
		padding-bottom: (1px * @counter) !important;
	}
	.pl-@{counter} {
		padding-left: (1px * @counter) !important;
	}
	.m-@{counter} {
		margin: (1px * @counter) !important;
	}
	.mt-@{counter} {
		margin-top: (1px * @counter) !important;
	}
	.mr-@{counter} {
		margin-right: (1px * @counter) !important;
	}
	.mb-@{counter} {
		margin-bottom: (1px * @counter) !important;
	}
	.ml-@{counter} {
		margin-left: (1px * @counter) !important;
	}
	.loopStyle((@counter - 1)); // 递归自减
}
.loopStyle(200);


@media screen and (max-width: 750px) {
  body {
    max-width: @750;
    margin: 0 auto;
  }

  a {
    -webkit-tap-highlight-color: transparent;
  }

  .logo2 {
    display: block;
  }

  .top, .nav, .nav.fixed, .status-height {
    display: none !important;
  }

  .banner, .strength .s-center, .strength .s-center .sc-ul .scu-li, .strength .s-center .sc-ul .scu-li .scul-info, .service .s-center, .service .s-center .sc-ul .scu-li, .hot .h-center, .hot .h-center .hc-tabs .hct-ul .hctu-li .hctul-a, .hot .h-center .hc-list .hcl-inline .hcli-link, .why .w-center, .why .w-center .wc-left .wcl-harm, .why .w-center .wc-left .wcl-service, .why .w-center .wc-right, .about, .about .a-center, .about .a-center .ac-cover, .about .a-center .ac-cover .acc-img, .about .a-center .ac-info, .news .n-center .nc-card, .news .n-center, .footer, .footer .f-center, .page, .page .p-center, .page .p-center .pc-menu, .page .p-center .pc-content, .page .p-center .pc-content .pcc-info .pcci-cover, .page .p-center .pc-content .pcc-info .pcci-honor .pccih-list {
    min-width: auto;
    width: 100%;
  }

  .banner {
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 8.75rem;
  }
  
  .banner .b-link {
    display: none;
  }

  .strength .s-center .sc-ul .scu-li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    height: auto;
    border: 0;
  }

  .strength .s-center .sc-ul .scu-li .scul-icon {
    margin: 0 auto !important;
  }

  .strength .s-center .sc-ul .scu-li .scul-info {
    text-align: center;
  }

  .service .s-center .sc-ul .scu-li {
    margin-right: 0 !important;
    margin-bottom: 1.25rem;
    height: auto;
    padding-bottom: 1.875rem;
  }

  .hot .h-center .hc-tabs {
    padding: .625rem 0 .625rem .625rem;
  }

  .hot .h-center .hc-tabs .hct-ul {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .hot .h-center .hc-tabs .hct-ul .hctu-li {
    width: calc(50% - .625rem);
    margin: 0;
    margin-right: .625rem;
    margin-bottom: .625rem;
  }

  .hot .h-center .hc-list .hcl-inline .hcli-link {
    margin-right: 0;
  }

  .footer .f-center .fc-ul .fcu-li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-right: 0 !important;
    margin-bottom: 1.25rem !important;
  }

  .footer .f-center .fc-ul .fcu-li .fcul-info {
    width: 100%;
    text-align: center;
    margin-top: 1.25rem;
  }

  .footer .f-center .fc-nav {
    display: none;
  }

  .footer .f-center .fc-icp {
    padding: 0 1.25rem 1.25rem 1.25rem;
  }

  .nav-mobile {
    display: flex;
  }
  
  .page .p-center .pc-menu .pcm-top {
    background-size: cover;
  }

  .page .p-center .pc-content .pcc-crumb {
    margin: 0 1.25rem;
  }

  .page .p-center .pc-content .pcc-info .pcci-honor .pccih-list {
    padding: 0 0 1.25rem 0;
  }

  .page .p-center .pc-content .pcc-info .pcci-ul .pcciu-li {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .page .p-center .pc-content .pcc-info .pcci-ul .pcciu-li .pcciul-title {
    flex: 1 0;
  }

  .page .p-center .pc-content .pcc-info .pcci-teacher {
    padding: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
  }

  .page .p-center .pc-content .pcc-info .pcci-teacher .pccit-list {
    flex: calc(50% - .625rem) 0;
    margin-right: 0;
    margin-bottom: 1.25rem;
  }

  .page .p-center .pc-content .pcc-info .pcr-card .pcrc-top {
    padding: 0 .625rem !important;
  }

  .page .p-center .pc-content .pcc-info .pcr-card .pcrc-top .pcrct-right {
    margin-top: .625rem;
  }

  .page .p-center .pc-content .pcc-info .pcr-card .pcrc-bottom {
    padding: 0 .4375rem .625rem !important;
  }

  .page .p-center .pc-content .pcc-info .my-map {
    height: 240px;
  }
}